﻿<%@ Page Language="C#" MasterPageFile="~/TrangChinh.master" AutoEventWireup="true" CodeFile="XemBaiDang.aspx.cs" Inherits="XemBaiDang" Title="Chia Sẻ Hình Ảnh" %>
<%@ Register src="UserControl/UCBinhLuan.ascx" tagname="UCBinhLuan" tagprefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

    <script type="text/javascript">
                // Ẩn hiện danh sách ảnh
                $(document).ready(function() {
                var $firstPara = $('#thumbs');
                $firstPara.hide();
                $('a.more').click(function() {
                $firstPara.slideToggle('slow');
                var $link = $(this);
                if ($link.text()== 'Hiện danh sách ảnh') {
                $link.text('Ẩn danh sách ảnh');
                } else {
                $link.text('Hiện danh sách ảnh');
                }
                return false;
                });
                });
    </script>

    <div class="InfoAlbum">
        <h5>
            <asp:Label ID="lbName" runat="server" />
            <br />
            <asp:HyperLink ID="lnkUserName" runat="server" Text="Cá nhân" NavigateUrl="" ToolTip="Đi đến trang Album cá nhân!"
                CssClass="lnkUserName" />
            <br />
            <asp:Label ID="lbDateCreated" runat="server" CssClass="lbDateCreated" />
        </h5>
    </div>
    <div id="ShowAlbumImages">
        <div id="bigPic">
            <asp:Repeater ID="repImagesShow" runat="server">
                <ItemTemplate>
                    <img src='<%# DAL.Connect.Link.LayHinhAnh(Eval("HinhAnh").ToString()) %>' alt='<%#HttpUtility.HtmlEncode(Eval("MoTa").ToString()) %>' />
                </ItemTemplate>
            </asp:Repeater>
        </div>
        <div id="HeaderListImg">
            <a href="#" class="more">Hiện danh sách ảnh</a>
        </div>
        <ul id="thumbs">
            <asp:Repeater ID="repImages" runat="server">
                <ItemTemplate>
                    <li rel='<%# Eval("MaThongTinBaiDang") %>'>
                        <img src='<%# DAL.Connect.Link.LayHinhAnh(Eval("HinhAnh").ToString()) %>' alt='<%#HttpUtility.HtmlEncode(Eval("MoTa").ToString()) %>' />
                    </li>
                </ItemTemplate>
            </asp:Repeater>
        </ul>
    </div>
    <div class="clear">
    </div>
    <div id="HeaderList">
        <h5>
            Danh sách các bình luận cho Album</h5>
    </div>
    <div class="Comment">
        <asp:Label ID="lbComment" runat="server" Text="Nhập bình luận" ForeColor="#3366FF" /><br />
        <asp:TextBox ID="txtComment" runat="server" TextMode="MultiLine" CssClass="txtComment" />
        <asp:Button ID="btncomment" runat="server" Text="Thêm bình luận" CssClass="btnComment"
            OnClick="btncomment_Click" />
    </div>
    <div class="clear">        
    </div>
    <uc1:UCBinhLuan ID="UCBinhLuan1" runat="server" />
</asp:Content>
